@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator     YAML Builder V1.0.1 (http://builder.yaml.de)
 * @file        basemod.css
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #FFF ; padding: 0px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: auto;  min-width: 740px; max-width: 90em; background: #fff; }
  #page { padding: 10px; }
  #header { padding: 45px 2em 1em 20px; color: #000; background:#edf2f8 url("../../images/bg_header.gif") repeat-x bottom left; }
  #topnav { color: #aaa; background: transparent; }
  #nav { overflow:hidden; }
  #nav_main { background-color: #c8ddf3 }
  #main { 
    margin: 10px 0;
    background:#FAFAFA none repeat scroll 0% 0%;
	border-top:1px solid #E9E9E9;
	width: 100%;}
  #teaser { clear:both; padding: 0 20px; margin: 10px 0; }
  #footer { padding: 10px 20px; color:#666; background: #f9f9f9; border-top: 5px #efefef solid; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

  /*-------------------------------------------------------------------------*/
	.hidden {visibility: hidden;}
  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 15%;  margin:0;}
  #col2 { float: right; width: 40%;  margin:0 }
  #col3 { width: 38%; margin-left: 19%;}
  
  
  #col1_content { padding: 0 20px 0 20px }
  #col2_content { padding: 0 5px 0 10px }
  #col3_content { padding: 0 5px 0 10px}

  /*-------------------------------------------------------------------------*/
  
  /**
  * Mes modifs 
  *
  */
  
  #col1, #col2, #col3{
  	margin-top: 12px;
	
  }
  
  
  #col1_content, #col2_content, #col3_content{
  	padding-top: 0px;
  }
  
  #col1 {}
  
  #col2{
  border-left:1px solid #D2D2D2;}
	
  #col3{
	
	}
  .clearboth{
  clear: both;
  padding-top: 10px;}
	
  .black_overlay{
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.8;
  opacity:.80;
  filter: alpha(opacity=80);
 }

  .white_content {
  display: none;
  position: absolute;
  top: 25%;
  left: 40%;
  width: 20%;
  height: 40%;
  padding: 16px;

  border: 10px solid #CBEAFF;
  background-color: white;
  z-index:1002;
  overflow: auto;}
  
  .white_content h1{
    
  }

  .info_profile {
  list-style-type: none;
  }
  
  
  #identification input#login, #identification input#password, #identification input#openid_url, #identification input#user_email, #identification input#user_password, #identification input#user_password_confirmation {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	width: 100%;
	border: 1px solid #ccc;
	padding: 4px;
}

.info-page input {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	width: 92%;
	border: 1px solid #ccc;
	padding: 8px;
}
	.paddingr16{ padding-right: 16px;}
	.paddingr10{ padding-right: 10px;}
	
	.wmd-preview{ 
	background-color:#FFFFFF;
	padding:20px 10px 10px 10px;
	}
	
	
	
	h2 {padding-bottom: 10px}
	
	
	/* Class message */
	
	.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
/* --------------------------------- */
/*MESSAGE BOX CLEAN	serie	  		 */
	.clean-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.clean-ok{
		border:solid 1px #349534; 
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.clean-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

/* --------------------------------- */
/*MESSAGE BOX Iconized	  		 */
	.icon-gray{
		border:solid 1px #DEDEDE; 
		background:#EFEFEF;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.icon-yellow{
		border:solid 1px #DEDEDE; 
		background:#FFFFCC url(img/icon-yellow.png) 8px 6px no-repeat;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.icon-ok{
		border:solid 1px #90ac13; 
		background:#eef4d3 url(img/icon-green.png) 8px 6px no-repeat;
		color:#6b800d;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.i92{
		width: 92%;
	}
	.icon-error{
		border:solid 1px #CC0000; 
		background:#F7CBCA url(img/icon-red.png) 8px 6px no-repeat;
		color:#CC0000;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

/* --------------------------------- */
/*MESSAGE BOX SOLID	serie	  		 */

	.solid-gray{
		background:#444444;
		color:#FFFFFF;
		padding:4px;
		text-align:center;
	}
	.solid-yellow{
		background:#FFFFCC;
		color:#222222;
		padding:4px;
		text-align:center;
	}
	.solid-ok{
		background:#008000;
		color:#FFFFFF;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}
	.solid-error{
		background:#CC0000;
		color:#FFFFFF;
		font-weight:bold;
		padding:4px;
		text-align:center;
	}

/* --------------------------------- */
/* ROUNDED ALTERNATE	  		 	*/

	/* ---------------------------------------------------------------------- */
	.round-a-gray{
		background:#444444 url(img/round_gray-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-gray div{
			background:url(img/round_gray-right.png) right bottom no-repeat;
			padding:4px;
		}
	/* ---------------------------------------------------------------------- */
	.round-a-ok{
		background:#008000 url(img/round_green-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-ok div{
			background:url(img/round_green-right.png) right bottom no-repeat;
			padding:4px;
		}
	/* ---------------------------------------------------------------------- */
	.round-a-error{
		background:#CC0000 url(img/round_red-left.png) left top no-repeat;
		color:#FFFFFF;
		text-align:center;
	}
		.round-a-error div{
			background:url(img/round_red-right.png) right bottom no-repeat;
			padding:4px;
		}

/* --------------------------------- */
/* TOOLTIPS				  		 	*/

	/* ---------------------------------------------------------------------- */
	.tooltips-gray{
		background:#444444;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.tooltips-gray div{
			background:url(img/tips_gray.png) left bottom no-repeat;
			padding-top:4px;
			height:18px;
		}
	/* ---------------------------------------------------------------------- */
	.tooltips-ok{
		background:#008000;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
		.tooltips-ok div{
			background:url(img/tips_green.png) left bottom no-repeat;
			padding-top:4px;
			height:18px;
		}
	/* ---------------------------------------------------------------------- */
	.tooltips-error{
		background:#CC0000;
		color:#FFFFFF;
		text-align:center;
		padding-top:4px;
	}
	.tooltips-error div{
		background:url(img/tips_red.png) left bottom no-repeat;
		margin-top:4px;
		height:18px;
	}
	
	
	table#job-posts, table#job-posts2, table#job-posts3 {
	margin-left:0px;
	}
	table#job-posts tr.alt td, table#job-posts2 tr.alt td, table#job-posts3 tr.alt td {
		background: #f5f5f5;
	}

	table#job-posts tr.over td, table#job-posts2 tr.over td, table#job-posts3 tr.over td {
		background: #f5fefe;
	}
	table#job-posts td, table#job-posts2 td, table#job-posts3 td {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}
	table#job-posts a:link, table#job-posts a:visited, table#job-posts2 a:link, table#job-posts2 a:visited, table#job-posts3 a:link, table#job-posts3 a:visited {
		color: #0099CC;
		padding: 2px;
	}
	table#job-posts a:hover, table#job-posts2 a:hover, table#job-posts3 a:hover {
		background-color: #0099CC;
		color: #fff;
		text-decoration: none;
		padding: 2px;
	}
	table#job-posts td.time-posted, table#job-posts2 td.time-posted {
		text-align: right;
		color: #888;
		font-size: 11px;
		width: 108px;
	}
	table#job-posts3 td.time-posted {
		text-align: right;
		color: #888;
		font-size: 11px;
		width: 70px;
	}
	
		table#job-posts td.time-posted img, table#job-posts2 td.time-posted img, table#job-posts3 td.time-posted img {
			width: 11px;
		}

	.imguser { margin-bottom: -4px; }
	.imgcancel { margin-bottom: -4px; }
	.txtright { text-align: right; }




}